﻿@charset "utf-8";
/* CSS Document */

/*页面初始化*/
html{overflow-x:hidden; position:static; left:0; right:0; top:0; bottom:0;}
*{margin:0;padding:0;word-break:break-all;letter-spacing:1px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
i,em{ font-style:normal;}
body{padding:0px;margin:0; font-family:Verdana,Microsoft YaHei,"微软雅黑", SimSun,"宋体";font-size:14px; background:#f3f3f3; color:#333; min-height:100%; position:relative; }
a{text-decoration:none; color:#333;}
a:hover{ color:#94d9fb;}
img{ border:none;}
img.lazy{ background:url(../images/loading.gif) no-repeat center;}
li{ list-style:none;}
input,button,select {outline: none; border:0;font-family:Verdana,Microsoft YaHei,"微软雅黑", SimSun,"宋体";}
textarea {outline: none;}
.clr{ display:block;clear:both;width:0; height:0; overflow:hidden; margin:0 !important; padding:0 !important;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; overflow:hidden;}
/*为了IE的html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*滚动条 可选*/
/*::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background-color:#F5F5F5;}
::-webkit-scrollbar-thumb:vertical{margin-right:10px; background-color:#A6A6A6;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#aaa;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}*/
/*选中 可选*/
::selection { background:#0e3033; color:#fff; }
::-moz-selection { background:#0e3033; color:#fff; }
::-webkit-selection { background:#0e3033; color:#fff; }
/*兼容写法*/
.ie7_hints{ height:30px; line-height:30px; text-align:center; background:#ffffdc; color:#b78e66;}
ie6,ie7,ie8{behavior: url(../css/ie-css3.htc); /*使IE678支持css3 应对border-radius,box-shadow，text-shadow*/
padding:10px;
padding:9px\9; /* all ie */
padding:8px\0; /* ie8-9 */
*padding:5px; /* ie6-7 */
+padding:7px; /* ie7 */
_padding:6px; /* ie6 */
}


@font-face {
  font-family: 'iconfont';  /* project id："126500" */
  src: url('http://at.alicdn.com/t/font_w9x3gmb8gwtp4x6r.eot');
  src: url('http://at.alicdn.com/t/font_w9x3gmb8gwtp4x6r.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_w9x3gmb8gwtp4x6r.woff') format('woff'),
  url('http://at.alicdn.com/t/font_w9x3gmb8gwtp4x6r.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_w9x3gmb8gwtp4x6r.svg#iconfont') format('svg');
}
.iconfont{ font-size:16px; font-family:"iconfont"; color:inherit;-webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .1px;
    -moz-osx-font-smoothing: grayscale;}                   

.icon_product_01_white{ background:url(../css/icon_product_01_white.html) no-repeat center; background-size:cover;}               
.icon_product_02_white{ background:url(../css/icon_product_02_white.html) no-repeat center; background-size:100%;}               
.icon_product_03_white{ background:url(../css/icon_product_03_white.html) no-repeat center; background-size:100%;}               
.icon_product_04_white{ background:url(../css/icon_product_04_white.html) no-repeat center; background-size:100%;}               
.icon_product_01_color{ background:url(../css/icon_product_01_color.html) no-repeat center; background-size:100%;}               
.icon_product_02_color{ background:url(../css/icon_product_02_color.html) no-repeat center; background-size:100%;}               
.icon_product_03_color{ background:url(../css/icon_product_03_color.html) no-repeat center; background-size:100%;}               
.icon_product_04_color{ background:url(../css/icon_product_04_color.html) no-repeat center; background-size:100%;}               
.icon_chengnuo_01{ background:url(../css/icon_chengnuo_01.html) no-repeat center; background-size:100%;}               
.icon_chengnuo_02{ background:url(../css/icon_chengnuo_02.html) no-repeat center; background-size:100%;}               
.icon_chengnuo_03{ background:url(../css/icon_chengnuo_03.html) no-repeat center; background-size:100%;}               
.icon_chengnuo_04{ background:url(../css/icon_chengnuo_04.html) no-repeat center; background-size:100%;}               
.icon_chengnuo_05{ background:url(../css/icon_chengnuo_05.html) no-repeat center; background-size:100%;}               
.icon_chengnuo_06{ background:url(../css/icon_chengnuo_06.html) no-repeat center; background-size:100%;}               
.icon_chengnuo_07{ background:url(../css/icon_chengnuo_07.html) no-repeat center; background-size:100%;}               


/*************代码正式开始******************/
.inlineblock { display:inline-block; *display:inline; *zoom:1;}
.w300{ width:300px;}
.w340{ width:340px;}
.w350{ width:350px;}
.w390{ width:390px;}
.w400{ width:400px;}
.w800{ width:800px;}
.w830{ width:830px;}
.w840{ width:840px;}
.w870{ width:870px;}
.w980{ width:980px;}
.w1000{ width:1000px;}
.w1200{ width:1200px;}
.mar0{ margin:0 auto;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}
.mb5{ margin-bottom:5px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px;}
.ml20{ margin-left:20px;}
.mr20{ margin-right:20px;}
.mb20{ margin-bottom:20px;}
.pad10{ padding:10px;}
.line{height:0;border-bottom:1px #dbdbdb solid;}
.xuline{height:0;border-bottom:1px #dbdbdb dashed;}
.dotline{height:0;border-bottom:1px #dbdbdb dotted;}
.blank10{height:10px;background:none;}
.fl{ float:left;*display:inline;*zoom:1;}
.fr{ float:right;*display:inline;*zoom:1;}
.fixed{ position:fixed;}
.ease-1{-webkit-transition:all 0.1s ease-out;-khtml-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.ease-3{-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.radius-5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(../css/ie-css3.htc);zoom:1;}
.radius-circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;behavior:url(../css/ie-css3.htc);zoom:1;}
.shadow-box-5{-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);box-shadow:0px 0px 5px rgba(0,0,0,0.5);behavior:url(../css/ie-css3.htc);zoom:1;}
.shadow-text-1{-moz-text-shadow:0 1px 0px rgba(0,0,0,.5);-webkit-text-shadow:0 1px 0px rgba(0,0,0,.5);text-shadow:0 1px 0px rgba(0,0,0,.5);behavior:url(../css/ie-css3.htc);zoom:1;}
.rotate45 { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678, sizingMethod='auto expand')"; -moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.rotate315{-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678, SizingMethod='auto expand')";-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
/* .text-overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} */

.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs24{ font-size:24px;}
.fs28{ font-size:28px;}
.fs30{ font-size:30px;}
.fs32{ font-size:32px;}
.txt-c{ text-align:center;}
.txt-l{ text-align:left;}
.txt-r{ text-align:right;}
.txt-333{ color:#333;}
.txt-666{ color:#666;}
.txt-888{ color:#888;}
.txt-aaa{ color:#aaa;}
.txt-white{ color:#ffffff;}
.txt-white1{ color:#333333;}
.txt-black{ color:#111;}
.txt-red{ color:#ff2222;}
.txt-green{ color:#48d318;}
.txt-yellow{ color:#ffcd33;}
.txt-orange{ color:#df6c10;}
.txt-blue{ color:#128cc9;}
.txt-darkblue{ color:#003f67;}
.txt-yellowlight{ color:#ffcd33;}
a.txt-3p{ color:#333;}
a.txt-3p:hover{ color:#0195a3;}
a.txt-yellowlight{ color:#ffcd33;}
a.txt-blue{ color:#1795e6;}
a.txt-blue:hover{ color:#147bbd;}

.icon_pic{ display:inline-block;*display:inline;*zoom:1; width:16px; height:16px; background-position:center; background-size:contain; background-repeat:no-repeat; vertical-align:middle; margin-top:-5px;}
.icon_ali{ background-image:url(../images/icon_ali.png);}

/*分页*/
.pagelist{ padding:10px 0px 30px; text-align:left; font-size:0;  position:relative;}
.pagelist p {}
.pagelist a{ display:inline-block;*display:inline;*zoom:1; height:40px; line-height:40px; padding:0 15px;background:#fff; color:#df6c10; margin:0 10px 10px 0; font-size:16px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;behavior:url(../css/ie-css3.htc);zoom:1;-webkit-transition:all 0.1s ease-out;-khtml-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.pagelist a:hover{  color:#fff; background:#df6c10;}
.pagelist a.thisclass{ color:#333; background:#ddd;}

/*正文内容*/
.text_box{ line-height:30px; font-size:16px; color:#333;}
.text_box a{ color:#0b8de0;}
.text_box a:hover{ color:#0b8de0;}
.text_box img{ max-width:100%; height:auto;}

dl.dl{ line-height:20px; margin-bottom:5px; position:relative; padding-left:30px; padding-top:5px;}
dl.dl dt{ position:absolute; left:0; top:5px; width:30px; text-align:center;}
dl.dl dd{}


/*漂浮*/
.fixed_box{ bottom:5px; display:block; width:60px; z-index:9999; color:#FFF;}
.fixed_box .item{ display:block; width:100%; height:60px;margin-top:0px;  }
.fixed_box .item_a{ display:block;width:58px; height:58px; position:relative;  text-align:center;  cursor:pointer;-webkit-border-radius: 5px;    -moz-border-radius: 5px;border-radius: 5px;behavior: url(../css/ie-css3.htc); z-index: 1; }
.fixed_box .item_a>.icon{font-size:20px; position:absolute; left:18px; top:16px; width:20px; height:20px;}
.fixed_box .item_a>.icon.iconfont{ font-size:22px;}
.fixed_box .item_a p{ padding-top:6px; line-height:18px; font-size:12px; letter-spacing:2px;}
.fixed_box .item_top{display:none;}
.fixed_box .item_a .hover{ display:none;}
.fixed_box .item_a:hover{}
.fixed_box .item_a:hover .hover{ display:block;}
.fixed_box .item_a:hover>.icon{/* display:none;*/}
.fixed_box .item_a.on .hover{ display:block;}
.fixed_box .item_a.on .icon{ /*display:none;*/}
.fixed_box .item_open .hidebox{width:100px; height:50px; position:absolute; top:-1px;filter: alpha(opacity=0);-khtml-opacity: 0;-moz-opacity: 0; opacity:0;}
.fixed_box .item_open .hidebox .sanjiao{ display:block; width:0; height:0; border-width:5px 0 5px 5px; border-color:transparent transparent transparent #f3f3f3; border-style:dashed dashed dashed solid; position:absolute; right:-5px; top:50%; margin-top:-5px;}
.fixed_box .item_open.on .hidebox{filter: alpha(opacity=100);-khtml-opacity: 1;-moz-opacity: 1;opacity:1;}
.fixed_box .item_open .hidebox .icon{ display:inline-block; *display:inline;*zoom:1;}
.fixed_box .item_open .hidebox ul li{  display:inline;}
.fixed_box .item_open .hidebox ul li a{display:block;width:48px; height:48px; position:relative;  text-align:center; -webkit-border-radius: 50%;    -moz-border-radius: 50%;border-radius: 50%;behavior: url(../css/ie-css3.htc); z-index: 1;}
.fixed_box .item_open .hidebox ul li a .icon{ position:initial; font-size:18px; padding-top:5px;}
.fixed_box .item_open .hidebox ul li a p{ letter-spacing:0; font-size:12px; padding-top:2px;}
.fixed_box .item_open .hidebox h1{ padding:0 20px;font-size:14px;line-height:50px; height:50px; text-align:right;}
/*皮肤*/
.fixed_box.green .item_a{border:1px solid;border-color:transparent; background:#fff;color:#fff;}
.fixed_box.green .item_a>.icon{color:#128cc9;}
.fixed_box.green .item_a:hover{background:#128cc9; color:#fff; border-color:#128cc9;}
.fixed_box.green .item_a:hover>.icon{color:#fff;}
.fixed_box.green .item_a.on{ background:#128cc9; color:#fff; border-color:#128cc9;}
.fixed_box.green .item_open .hidebox ul li a{border:1px solid;border-color:transparent; background:#4c7295;color:#fff;}
.fixed_box.green .item_open .hidebox ul li a:hover{background-color:#f77913; color:#fff; border-color:#f77913;}
.fixed_box.green .item_open .hidebox h1{background:#f3f3f3; color:#333; white-space:nowrap;}
/*左右*/
.fixed_box_r{right:5px;}
.fixed_box_l{left:0px;}
.fixed_box_r .item_open .hidebox{right:-300px; }
.fixed_box_l .item_open .hidebox{left:-300px; }
.fixed_box_r .item_open .hidebox ul li{ float:right; margin-left:1px;}
.fixed_box_l .item_open .hidebox ul li{ float:left; margin-right:1px;}
.fixed_box_r .item_open .hidebox h1{ float:right;}
.fixed_box_l .item_open .hidebox h1{ float:left;}
.fixed_box_r .item_open.on .hidebox{ right:49px;}
.fixed_box_l .item_open.on .hidebox{ left:49px;}


/*底部漂浮*/
.fixed_foot_01{ bottom:0; left:0; width:100%; top:0; right:0; bottom:0; padding-top:10px; background:url(../images/alpha_black50.png) repeat; z-index:1009;}
.fixed_foot_01 .center_box{position:absolute; width:1000px; height:450px; overflow:hidden; left:50%; margin-left:-500px; top:50%; margin-top:-225px; background:url(../images/alpha_white30.png) repeat; border:1px #fff solid;}
.fixed_foot_01 .close{ position:absolute; font-size:20px; color:#111; right:0; top:0; display:block;width:20px; height:20px; line-height:20px; text-align:center; overflow:hidden; background-color:#fff;}
.fixed_foot_01 .close .iconfont{ font-size:20px; height:30px; width:30px;}
.fixed_foot_01 .close:hover{ background-color:#df6c10; color:#fff;/*filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);*/}
.fixed_foot_02{ top:50%; margin-top:-177px;left:-100%;right:auto;height:354px; width:100px;  z-index:1009;} 
.fixed_foot_02 img{width:100%;}
.fixed_foot_02 a{ display:block;position:absolute; bottom:0; left:0;}
.fixed_foot_02 .txt{ display:block; width:50px; height:50px; padding-right:25px; line-height:25px; position:absolute; right:0px; top:50%; margin-top:-25px; font-size:20px; letter-spacing:2px;}
.fixed_foot_02 .txt .iconfont{ position:absolute; font-size:24px; line-height:32px; height:32px; top:50%; right:5px; margin-top:-16px;}
@media (min-width: 1200px) and (max-width:1600px){
/*1366 1440分辨率*/
.fixed_foot_02{ width:80px; height:280px; margin-top:-140px;}
}







/*头部*/
.head{ height:120px; background-color:#fff; z-index:999; border-bottom:1px #dbdbdb solid;}
.head .w1200{ position:relative;}
.head .logo,
.head .slogan{ margin-top:15px;}
.logo,
.slogan{ height:90px; display:block;}
.logo img,
.slogan img{ height:100%; width:auto;}
.head .tel{ margin-top:50px; padding-left:140px; padding-right:5px; position:relative;}
.head .tel .icon{ display:block; width:60px; height:60px; line-height:60px; text-align:center; border:1px #dbdbdb solid; position:absolute; left:0; top:50%; margin-top:-31px;}
.head .tel .icon .iconfont{ font-size:32px; color:#333;}
.head .tel .txt{ font-size:12px; letter-spacing:0; line-height:18px; padding:0 5px; height:36px; background:#fff; color:#888; position:absolute; left:55px; top:50%; margin-top:-18px;}
.head .tel h2{ font-size:26px; font-family:Verdana, Geneva, sans-serif; letter-spacing:0;}
.head .headlinks{ position:absolute; right:0; top:0; height:40px; line-height:40px; font-size:0;}
.head .headlinks a{ font-size:14px; display:inline-block; *display:inline;*zoom:1; margin-left:10px; padding:0 5px; height:40px; line-height:40px; position:relative;}
.head .headlinks a .hidebox{ width:120px; height:0; overflow:hidden; position:absolute; top:30px; left:50%; margin-left:-60px; z-index:1000;-moz-box-shadow:0px 10px 10px rgba(0,0,0,0.3);-webkit-box-shadow:0px 10px 10px rgba(0,0,0,0.3);box-shadow:0px 10px 10px rgba(0,0,0,0.3);behavior:url(../css/ie-css3.htc);zoom:1;}
.head .headlinks a .hidebox img{ width:100%; height:auto;}
.head .headlinks a:hover{ color:#2badd8;}
.head .headlinks a:hover .hidebox{ height:120px;}
/*.head_fixed{ position:fixed; top:0; left:0; right:0; bottom:auto;}*/
.head_fixed_on{ background-color:#fff;}


/*导航*/
.navbox_wrapper{ height:60px; background:#fff;}
.navbox{height:60px;line-height:60px; background:url(../images/bg_nav.jpg) no-repeat center; background-color:#128cc9; z-index:999; }
.navbox{zoom:1; position:relative;}
.nav_shu .nLi{float:left;display:inline;z-index:999; position:relative;}
.nav_shu .nLi h3{ float:left; *display:inline;*zoom:1;}
.nav_shu .nLi h3 a{display:block; padding:0 20px; margin-right:10px;height:60px;line-height:60px;font-size:16px;text-align:center;overflow:hidden; position:relative; color:#fff;}
.nav_shu .nLi h3 a .icon{ position:absolute; left:50%; margin-left:-8px; bottom:0; line-height:16px; }
.nav_shu .nLi h3 a:hover{ background:url(../images/alpha_white50.png) repeat;}
.nav_shu .nLi.on h3 a{ background:url(../images/alpha_white50.png) repeat;}
.nav_shu .nLi.on h3 a .icon{ bottom:-3px;}
.nav_shu .nLi .sub{ display:none;left:0px; top:60px; min-width:100%;_width:100%; position:absolute; line-height:40px;z-index:999; padding:0; height:0; overflow:hidden;}
.nav_shu .hassub .sub{display:none;left:0px; top:60px; min-width:100%;_width:100%; position:absolute; line-height:40px; height:auto;z-index:999; background:url(../images/alpha_white80.png) repeat; padding:10px 0; border-bottom:1px #dbdbdb solid;-moz-box-shadow:0px 10px 10px rgba(0,0,0,0.3);-webkit-box-shadow:0px 10px 10px rgba(0,0,0,0.3);box-shadow:0px 10px 10px rgba(0,0,0,0.3);behavior:url(../css/ie-css3.htc);zoom:1; }
.nav_shu .hassub .sub li{ vertical-align:top;}
.nav_shu .hassub .sub li a{display:block; height:40px; line-height:40px;color:#333; white-space:nowrap; font-size:14px; padding:0 20px; margin-bottom:1px;}
.nav_shu .hassub .sub li a:hover{ background-color:#e8f5fb; color:#128cc9;}
/*主导航悬浮*/
.nav_fixed .navbox{ position:fixed; left:0; top:0; right:0;-moz-box-shadow:0px 1px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.2);box-shadow:0px 1px 10px rgba(0,0,0,0.2);behavior:url(../css/ie-css3.htc);zoom:1;}

/*搜索条*/
.searchbar{ height:60px; overflow:hidden;  position:relative; background:#fff;}
.searchbar .hotwords{ font-size:0;line-height:60px; height:60px;}
.searchbar .hotwords span,
.searchbar .hotwords a{ font-size:14px;}
.searchbar .hotwords a{ margin-right:15px;}
.searchbar .searchbox{ width:300px; position:relative; margin-top:13px; height:35px;}
.searchbar .searchbox .input_text{ width:274px; height:21px; line-height:21px;}
.searchbar .searchbox .btn_submit{ border:0; background:none; position:absolute; right:0; top:0; display:block; width:35px; height:35px; line-height:35px; text-align:center; color:#888;}
.searchbar .searchbox .btn_submit:hover{ width:50px; color:#333;}
.searchbar .searchbox .btn_submit:active{ color:#128cc9; width:35px;}





/*底部*/
.footer {z-index:5;width:100%;background:#007cc2; padding:20px 0 0; }
.footer .footer_nav{ padding:20px 0; font-size:0;}
.footer .footer_nav a{ font-size:14px; margin:0 5px;}
.footer .footer_nav b{ font-size:14px;}
.footer .footer_logo{ float:left; *display:inline;*zoom:1; margin-left: 300px;}
.footer .footer_info{ float:left; *display:inline;*zoom:1; color:#69828f; width:500px; padding:10px 0; line-height:25px;}
.footer .footer_info p{ margin-bottom:5px;}
.footer .footer_info a{color:#ffffff; }
.footer .footer_erweima{ float:right; *display:inline;*zoom:1; width:120px; overflow:hidden;}
.footer .footer_erweima img{ width:100%; height:auto;}
.footer .flinks {line-height:20px; font-size:12px;}
.footer .flinks .title{  color:#ffffff;}
.footer .flinks a{  margin:0 10px 10px 0;  color:#ffffff;}
.footer .flinks a:hover{ color:#fff; }
.footer .copyright{ background:#168ed2;border-top:1px #168ed2 solid; padding:10px 0; font-size:12px; color:#f5f7f9;line-height:20px;}
.footer .copyright a{ color:#69828f; margin:0 5px;}
.footer .copyright a:hover{ color:#fff;}

.bt_01{ padding:20px 0;}
.bt_01 h2{ font-size:32px; line-height:40px; padding:10px 0 10px;}
.bt_01 .line{ border-bottom:1px #dbdbdb dotted; height:1px; display:inline-block;*display:inline;*zoom:1; width:180px;}
.bt_01 .line i{ display:inline-block;*display:inline;*zoom:1; width:20px; height:2px; background:#128cc9;}
.bt_01 h3{ font-size:20px; font-family:Verdana, Geneva, sans-serif; line-height:30px; padding:5px 0;}

.bt_02{ padding:20px 0 20px;}
.bt_02 h2{ height:20px; line-height:20px; border-left:5px #128cc9 solid; padding-left:15px; font-size:20px;}
.bt_02 h2 span{ font-size:14px; color:#aaa; margin-left:15px;}

.section_main{ padding-top:20px;}
.section_main .part-left{ width:840px; float:left;}
.section_main .part-right{ width:340px; float:right;}



/*面包屑*/
.position{ height:60px; line-height:60px; overflow:hidden; padding:0 20px;}
.position p{ color:#888;}
.position p a{ color:#128cc9; margin:0 5px;}
.position p a:hover{ color:#147bbd;}

/*左侧推荐文章*/
.con_recommend_news{ background:#fff; margin-bottom:30px;}
.con_recommend_news .nr { padding-left:20px;}
.con_recommend_news .nr .block{ float:left; *display:inline;*zoom:1;}
.con_recommend_news .nr .item{ display:block; width:250px; margin-right:20px; margin-bottom:20px;}
.con_recommend_news .nr .item .pic{ display:block; width:100%; height:160px; overflow:hidden; margin-bottom:10px;}
.con_recommend_news .nr .item .pic img{ width:100%; height:100%;}
.con_recommend_news .nr .item .txt h3{ line-height:20px; font-size:14px;height:40px; overflow:hidden; margin-bottom:10px;}
.con_recommend_news .nr .item .txt .line{ width:20px; border-bottom:2px #128cc9 solid;}
{background:#fff; margin-bottom:30px;}
.con_recommend_products.pc{ background:#fff; margin-bottom:30px;}
.con_recommend_products.pc .nr{ padding-left:20px;}
.con_recommend_products.pc .item{ width:250px;}
.con_recommend_products.pc .item .pic{ height:250px;}
.con_recommend_products.pc .item.hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;behavior:url(../css/ie-css3.htc);zoom:1;}


/*右侧导航*/
.part-right-nav{ background:#fff; margin-bottom:20px;}
.part-right-nav .nr{ padding:20px; padding-top:0;}
.part-right-nav .nr ul{ border-top:1px #dbdbdb dashed;}
.part-right-nav .nr li{ border-bottom:1px #dbdbdb dashed;}
.part-right-nav .nr li a{ display:block; height:50px; line-height:50px; position:relative; font-size:16px;}
.part-right-nav .nr li a .iconfont{ position:absolute; right:0; top:0; display:none; width:50px; height:50px; line-height:50px; text-align:center;}
.part-right-nav .nr li .on{ color:#128cc9;}
.part-right-nav .nr li .on .iconfont{ display:block;}

/*右侧推荐产品*/
.part-right-product{ background:#fff;margin-bottom:20px;}
.side_slider_products{ padding-bottom:10px; position:relative;}
.side_slider_products .bd{ padding:0 20px;}
.side_slider_products .item{ display:block; width:300px; position:relative;}
.side_slider_products .item .pic{display:block; width:100%; height:300px; overflow:hidden; position:relative; background-color:#fff;background-repeat:no-repeat;background-position:center;
display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.side_slider_products .item .pic img,
.side_slider_products .item .pic .img{ display:block; width:100%; height:100%; overflow:hidden; background-size:contain; background-repeat:no-repeat;background-position:center;}
.side_slider_products .item .txt{text-align:center;}
.side_slider_products .item .txt h3{font-size:16px;  height:40px; line-height:40px; overflow:hidden;}
.side_slider_products .item .pic:hover img,
.side_slider_products .item .pic:hover .img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-webkit-transform: scale(1.1,1.1);-moz-webkit-transform: scale(1.1,1.1);}
.side_slider_products .hd { text-align:center;}
.side_slider_products .hd ul { font-size:0;}
.side_slider_products .hd ul li{ display:inline-block;*display:inline; *zoom:1; width:6px; height:6px;-webkit-border-radius:50%;-moz-border-radius: 50%;border-radius: 50%; font-size:12px; text-indent:9999em; overflow:hidden; background:#aaa; margin:5px 5px;}
.side_slider_products .hd ul li.on{ background:#128cc9;}
.side_slider_products .arrow{ position:absolute; bottom:20px; display:block; width:40px; height:40px; line-height:40px; text-align:center;}
.side_slider_products .arrow .iconfont{ font-size:20px;}
.side_slider_products .sPrev{ left:10px;}
.side_slider_products .sNext{ right:10px;}

/*右侧最新文章*/
.part-right-news{ background:#fff; margin-bottom:20px;}
.part-right-news .nr{ padding:0 20px 20px;}
.part-right-news .nr li{ margin-bottom:10px; line-height:20px;}
.part-right-news .nr li .title{ font-size:14px;}
.part-right-news .nr li .date{ color:#888; font-size:12px;}

/*右侧联系我们*/
.part-right-contact{ background:#fff;margin-bottom:20px;}
.part-right-contact .nr{ padding:0 20px 20px; }


/*常规切换图*/
.slider_default{ width:100%;height:400px; overflow:hidden; position:relative; background:#cdcdcd; z-index:0; }
.slider_default .hd{position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:20px;}
.slider_default .hd ul{ display:block;margin:0 auto;}
.slider_default .hd li{display:inline-block;*display:inline;zoom:1;width:10px;height:10px;line-height:99px;overflow:hidden;background:#000;margin:0 4px;cursor:pointer; border:1px #fff solid;
-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition:all 0.3s ease-out;
-khtml-transition:all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.slider_default .hd li.on{background:#ec524a;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
.slider_default .bd{ position:relative; height:100%; z-index:0; width:100%;   }
.slider_default .tempWrap{overflow:visible !important; height:100%;}
.slider_default .bd ul{ height:100%;/* width:100% !important;*/}
.slider_default .bd li{ zoom:1; vertical-align:middle; display:block;/* width:100% !important; height:100%;*/}
.slider_default .bd li{width:100%;overflow:hidden;height:100%;background-position:center; background-repeat:x-repeat;}
.slider_default .bd li a{ display:block; width:100%; height:100%; }
.slider_default .bd img{ width:100%; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slider_default .arrows{ height:100%; position:absolute; left:50%; margin-left:-600px; top:0;}
.slider_default .arrow{display:block;position:absolute;top:50%;margin-top:-30px;z-index:1;width:60px;height:60px; background-image:url(../images/alpha_black30.png); color:#fff; font-size:28px; text-align:center; line-height:60px;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;}
.slider_default .arrow .iconfont{ font-size:28px;}
.slider_default .arrow:hover{background-image:url(../images/alpha_black80.png);}
.slider_default .prev{left:-40px;}
.slider_default .next{right:-40px;}
.slider_default .prevStop{ display:none; }
.slider_default .nextStop{ display:none; }
.slider_default .prev.arrow_show{left:0px;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
.slider_default .next.arrow_show{right:0px;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}








/*banner*/
.index_banner{ width:100%; height:500px;}

#indexslider {background-color:#fff;width:100%;height:100%;overflow:hidden; position:relative;}
#indexslider .hd{ width:100%; position:absolute; bottom:20px; left:0; right:0;z-index: 1;
transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-webkit-transition-timing-function:ease-out;
/*filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;*/}
#indexslider .hd.hd_show{bottom:20px;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
#indexslider .hd li{ display:inline-block;*display:inline;*zoom:1;height:10px; width:10px;margin: 4px 4px;font-size: 0px; text-indent:9999;line-height: 10px;text-align: center;background: #128cc9;border: 1px #128cc9 solid;
cursor: pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/*filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;*/
behavior: url(../css/ie-css3.htc); z-index:1;
-webkit-transition:all 0.3s linear;
-khtml-transition:all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
#indexslider .hd li.on{background: #fff;color: #fff; border-color:#128cc9; /*width:20px;*/
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
#indexslider .tempWrap{ height:100%;}
#indexslider .swiper-wrapper{ width:100% !important; height:100% !important;}
#indexslider .swiper-slide { position:relative; width:100% !important; height:100% !important; background-position:center; background-size:cover; background-repeat:no-repeat;-ms-behavior: url(../css/backgroundsize.min.htc);behavior: url(../css/backgroundsize.min.htc);
	text-align: center;
	font-size: 18px;

	/* Center slide text vertically */
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;*/
}
#indexslider .swiper-slide>a{ display:block; width:100%; height:100%;}
#indexslider .swiper-slide img{ width:100%; height:auto;}
#indexslider .swiper-slide .w1200{ position:relative;}
#indexslider .swiper-slide .pic_item{ position:absolute;}
#indexslider .swiper-slide .pic_item img{ width:auto;}
#indexslider .swiper-slide .txt-mask{ position:absolute; right:0; bottom:15%; width:500px; background:url(../images/alpha_black80.png) repeat; padding:30px 100px 30px 40px; color:#fff; font-size:12px; text-align:left; line-height:22px;}
#indexslider .swiper-slide .txt-mask h1{ font-size:28px; line-height:30px; margin-bottom:20px;}
#indexslider .arrow{ background-color:rgba(0,0,0,.5); background-image:url(../images/arrow_left.png); background-repeat:no-repeat; background-position:center; width:70px; height:70px; background-size:auto; position:absolute; top:50%; display:block; left:-70px; margin-top:-35px; z-index:1;
transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-webkit-transition-timing-function:ease-out;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;}
#indexslider .next{background-image:url(../images/arrow_right.png); left:auto;right:-70px;}
#indexslider .prev:hover,#indexslider .next:hover{ background-color:rgba(0,0,0,.8);}
#indexslider .prevStop,#indexslider .nextStop{ background-color:rgba(0,0,0,.2) !important;}
#indexslider .prev.arrow_show{left:5%;
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;}
#indexslider .next.arrow_show{right:5%;
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;}









/*下单 弹窗*/
.tc-box{ display:none;}
.layui-layer-custom{ background:fff !important;}
#tc-liuyan .tc-box-body{ position:relative;}
#tc-liuyan .tc-box-title{ height:70px; line-height:70px; padding:0 30px;}
#tc-liuyan .tc-box-body .tc-closebtn{ position:absolute; top:0px; right:0; display:block; width:70px; height:70px; line-height:70px; text-align:center;color:#333; font-size:16px;}
#tc-liuyan .tc-box-body .tc-closebtn .iconfont{ font-size:20px;}
#tc-liuyan .tc-box-body .tc-closebtn:hover{ color:#e01f1f;}
#tc-liuyan .tc-box-body-inner{ padding:0px 30px 20px 30px;  background-position:right center;}


/*详情 弹窗*/
#tc-detail{}
#tc-detail .tc-box-body{ position:relative;}
#tc-detail .tc-box-title{ height:70px; line-height:70px; padding:0 30px;}
#tc-detail .tc-box-body .tc-closebtn{ position:absolute; top:0px; right:0; display:block; width:70px; height:70px; line-height:70px; text-align:center;color:#333; font-size:16px;}
#tc-detail .tc-box-body .tc-closebtn .iconfont{ font-size:20px;}
#tc-detail .tc-box-body .tc-closebtn:hover{ color:#e01f1f;}
#tc-detail .tc-box-body-inner{ padding:0px 30px 0px 30px; overflow:auto; height:520px;}
#tc-detail .tc-box-body-inner .text_box_title{ height:16px; border-bottom:1px #dbdbdb solid;}
#tc-detail .tc-box-body-inner .text_box_title .tag{ background:#fff;}

.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

